<template>
  <div class="fixed inset-0 bg-gray-300 flex items-center justify-center z-50">
    <div class="bg-white rounded-lg p-8 max-w-sm mx-4 text-center relative">
      <div class="absolute -top-12 right-4 text-white text-6xl">
        <i class='iconfont icon-jiantou'></i>
      </div>
      <h2 class="text-2xl font-bold text-gray-800 mb-4">请在浏览器中打开</h2>
      <p class="text-lg text-gray-600 mb-2">点击右上角 <span class="bg-blue-500 text-white px-2 py-1 rounded">···</span> 菜单</p>
      <p class="text-gray-500 mb-4">选择 <i class='iconfont icon-browser text-blue-500'></i> 在浏览器中打开</p>
      <p class="text-sm text-gray-400 italic">推荐使用电脑填写</p>
    </div>
  </div>
</template>

<script lang="ts" setup>

</script>

<style scoped>

</style>